<template>
  <div class="button" @click="Click">
    <slot></slot>
  </div>
</template>

<script>
export default {
  methods: {
    Click () {
      this.$emit('click')
    }
  }
}
</script>


<style lang="less" scoped>
  .button{
    width: 80px;
    height: 32px;
    background-color: #fff;
    color: #8e8e8e;
    font-size: 18px;
    line-height: 32px;
    transition: all 300ms;
    text-align: center;
    display: inline-block;
  }
  .button:hover{
    background-color: #0943c1;
    color: #fff;
    cursor: pointer;
  }
</style>

